<template>
    <div>
        详情页面！！ {{$route.params.id}}
        <p>{{detail.price}}</p>
        <p>{{detail.desc}}</p>
    </div>
</template>

<script>
import axios from "axios"
export default {
    // data(){
    //     return {
    //         detail:{}
    //     }
    // },
    // created(){
    //     axios.get("/api/good.json").then(res=>{
    //         console.log(res)
    //         this.detail = res.data;
    //     })
    // }

    // asyncData(){ //es6  then
    //     return axios.get("/api/good.json").then(res=>{
    //         return { detail: res.data }
    //     })
    // }

    //由于asyncData方法是在组件 初始化 前被调用的，
    //所以在方法内是没有办法通过 this 来引用组件的实例对象
    async asyncData ({params}) {
        console.log(params.id)
        let res = await axios.get(`/api/good.json`)
        return { detail: res.data }
    }
}
</script>

<style>

</style>
